<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- 引入bootstrap 样式文件 -->
    <link rel="stylesheet" href="static/bootstrap/css/bootstrap.min.css">
    <!-- 引入字体图标样式 -->
    <link rel="stylesheet" href="static/css/font-awesome.min.css">
    <!-- 引入我们自己的首页样式文件 -->
    <link rel="stylesheet" href="static/css/style.css">
    <script src="static/bootstrap/js/jquery.min.js"></script>
    <!-- <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script> -->
    <script src="static/bootstrap/js/bootstrap.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/paihang.css"/>
    <title>首页</title>
</head>

<body>
<!--
    导航栏需要包装 .navbar 并通过.navbar-expand{-sm|-md|-lg|-xl} 用于响应式折叠和 配色方案 类
    navbar-expand-md：包括在一个自动折叠在 md （中屏）中断点处的响应式导览列
    .navbar-dark 深色背景颜色
    .bg-dark 黑色背景
    .navbar-brand 类来设置图片自适应导航栏
     bg-dark navbar-dark 设置黑底白字
     .fixed-top 类来实现导航栏的固定
   -->
<!-- 导航 -->
<nav class="navbar navbar-expand-md bg-dark navbar-dark fixed-top">
    &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;
    <h1 class="title">
        <a class="navbar-brand">
            <img src="static/images/abc.png" alt="logo" width="40" height="40">
        </a>
    </h1>
    <!-- 折叠按钮 -->
    &nbsp;&nbsp;
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item"><a class="nav-link active" ><h3>首页</h3></a></li>

            <div class="topDIV"  style="left: 280px">
                <div class="btn  nav-link text-center" role="navigation">
                    <ul class="nav2 navbar-nav" aria-haspopup="true" aria-expanded="false">
                        <li class="dropdown">
                            <a class="dropdown-toggle"  data-toggle="dropdown">
                                图书排行
                            </a>
                            <ul class="dropdown-menu">
                                <li  class="dropdown-submenu">
                                    <form action="${pageContext.request.contextPath}/shower/showall">
                                        <div style="display: none">
                                            <input type="text" class="span2 input-xfat" name="nature" value="end">
                                            <input type="text" class="span2 input-xfat" name="lwb" value="lwb">
                                        </div>
                                        <button type="submit" style="background-color: rgb(251,251,252);border: 0px;color: #0e0101" class="fa fa-circle-o" name="submit">&nbsp;&nbsp;&nbsp;   完结榜&nbsp;&nbsp;&nbsp;</button><br/>
                                    </form>
<%--                                    <ul class="dropdown-menu">--%>
<%--&lt;%&ndash;                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">玄幻</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;                                        <li class="divider"></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">奇幻</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;                                        <li class="divider"></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">武侠</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;                                        <li class="divider"></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">仙侠</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;                                        <li class="divider"></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">都市</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;                                        <li class="divider"></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">历史</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;                                        <li class="divider"></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">军事</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;                                        <li class="divider"></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">体育</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;                                        <li class="divider"></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">科幻</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;                                        <li class="divider"></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">灵异</a></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;                                        <div class="dropdown-divider"></div>&ndash;%&gt;--%>
<%--&lt;%&ndash;                                        <li class=""></li>&ndash;%&gt;--%>
<%--&lt;%&ndash;                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">其他</a></li>&ndash;%&gt;--%>
<%--                                    </ul>--%>
                                </li>
                                <li  class="dropdown-submenu">
                                <li>
                                    <form action="${pageContext.request.contextPath}/shower/showall" >
                                        <div style="display: none">
                                            <input type="text" class="span2 input-xfat" name="nature" value="humanqi">
                                            <input type="text" class="span2 input-xfat" name="lwb" value="lwb">
                                        </div>
                                        <button type="submit" style="background-color: rgb(251,251,252);border: 0px;color: #0e0101" class="fa fa-circle-o" name="submit">&nbsp;&nbsp;&nbsp;人气榜&nbsp;&nbsp;&nbsp;</button><br/>
                                    </form>
                                </li>
<%--                                    <ul class="dropdown-menu">--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">玄幻</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">奇幻</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">武侠</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">仙侠</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">都市</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">历史</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">军事</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">体育</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">科幻</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">灵异</a></li>--%>
<%--                                        <div class="dropdown-divider"></div>--%>
<%--                                        <li class=""></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">其他</a></li>--%>
<%--                                    </ul>--%>
                                </li>
                                <li  class="dropdown-submenu">
                                    <form action="${pageContext.request.contextPath}/shower/showall">
                                        <div style="display: none">
                                            <input type="text" class="span2 input-xfat" name="nature" value="new">
                                            <input type="text" class="span2 input-xfat" name="lwb" value="lwb">
                                        </div>
                                        <button type="submit" style="background-color: rgb(251,251,252);border: 0px;color: #0e0101" class="fa fa-circle-o" name="submit">&nbsp;&nbsp;&nbsp;新书榜&nbsp;&nbsp;&nbsp;</button><br/>
                                    </form>
<%--                                    <ul class="dropdown-menu">--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">玄幻</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">奇幻</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">武侠</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">仙侠</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">都市</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">历史</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">军事</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">体育</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">科幻</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">灵异</a></li>--%>
<%--                                        <div class="dropdown-divider"></div>--%>
<%--                                        <li class=""></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">其他</a></li>--%>
<%--                                    </ul>--%>
                                </li>
                                <li  class="dropdown-submenu">
                                    <form action="${pageContext.request.contextPath}/shower/showall" >
                                        <div style="display: none">
                                            <input type="text" class="span2 input-xfat" name="nature" value="recommend">
                                            <input type="text" class="span2 input-xfat" name="lwb" value="lwb">
                                        </div>
                                        <button type="submit" style="background-color: rgb(251,251,252);border: 0px;color: #0e0101" class="fa fa-circle-o" name="submit">&nbsp;&nbsp;&nbsp;推荐榜&nbsp;&nbsp;&nbsp;</button><br/>
                                    </form>
<%--                                    <ul class="dropdown-menu">--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">玄幻</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">奇幻</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">武侠</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">仙侠</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">都市</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">历史</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">军事</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">体育</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">科幻</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">灵异</a></li>--%>
<%--                                        <div class="dropdown-divider"></div>--%>
<%--                                        <li class=""></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">其他</a></li>--%>
<%--                                    </ul>--%>
                                </li>
                                <li  class="dropdown-submenu">
                                    <form action="${pageContext.request.contextPath}/shower/showall" >
                                        <div style="display: none">
                                            <input type="text" class="span2 input-xfat" name="nature" value="storeup">
                                            <input type="text" class="span2 input-xfat" name="lwb" value="lwb">
                                        </div>
                                        <button type="submit" style="background-color: rgb(251,251,252);border: 0px;color: #0e0101" class="fa fa-circle-o" name="submit">&nbsp;&nbsp;&nbsp;收藏榜&nbsp;&nbsp;&nbsp;</button><br/>
                                    </form>
<%--                                    <ul class="dropdown-menu">--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">玄幻</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">奇幻</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">武侠</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">仙侠</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">都市</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">历史</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">军事</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">体育</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">科幻</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">灵异</a></li>--%>
<%--                                        <div class="dropdown-divider"></div>--%>
<%--                                        <li class=""></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">其他</a></li>--%>
<%--                                    </ul>--%>
                                </li>
                                <li  class="dropdown-submenu">
                                    <form action="${pageContext.request.contextPath}/shower/showall">
                                        <div style="display: none">
                                            <input type="text" class="span2 input-xfat" name="nature" value="praise">
                                            <input type="text" class="span2 input-xfat" name="lwb" value="lwb">
                                        </div>
                                        <button type="submit" style="background-color: rgb(251,251,252);border: 0px;color: #0e0101" class="fa fa-circle-o" name="submit">&nbsp;&nbsp;&nbsp;好评榜&nbsp;&nbsp;&nbsp;</button><br/>
                                    </form>
<%--                                    <ul class="dropdown-menu">--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">玄幻</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">奇幻</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">武侠</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">仙侠</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">都市</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">历史</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">军事</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">体育</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">科幻</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">灵异</a></li>--%>
<%--                                        <div class="dropdown-divider"></div>--%>
<%--                                        <li class=""></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">其他</a></li>--%>
<%--                                    </ul>--%>
                                <li  class="dropdown-submenu">
                                <form action="${pageContext.request.contextPath}/shower/showall">
                                    <div style="display: none">
                                        <input type="text" class="span2 input-xfat" name="nature" value="topsearch">
                                        <input type="text" class="span2 input-xfat" name="lwb" value="lwb">
                                    </div>
                                    <button type="submit" style="background-color: rgb(251,251,252);border: 0px;color: #0e0101" class="fa fa-circle-o" name="submit">&nbsp;&nbsp;&nbsp;热搜榜&nbsp;&nbsp;&nbsp;</button><br/>
                                </form>
<%--                                    <ul class="dropdown-menu">--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">玄幻</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">奇幻</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">武侠</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">仙侠</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">都市</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">历史</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">军事</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">体育</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">科幻</a></li>--%>
<%--                                        <li class="divider"></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">灵异</a></li>--%>
<%--                                        <div class="dropdown-divider"></div>--%>
<%--                                        <li class=""></li>--%>
<%--                                        <li><a href="http://localhost:8082/cloudlibrary/admin/login.jsp">其他</a></li>--%>
<%--                                    </ul>--%>
                                </li>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>

        </ul>

        <!-- 搜索框区域 -->
        <!--
          form-inline: 使用1个输入框，一个提交按钮来创建内联表单
          <input>元素在使用.form-control 类的情况下，宽度都是设置为100%，
          .mr-auto 类可以设置子元素右外边距为 auto，即 margin-right: auto!important;
          .mr-sm-2{ margin-right: .5rem!important;}
          input-group-append：margin-left: -1px;
          aria-hidden="true要改善网页的可访问性，来隐藏纯粹用来装饰的图标。
        -->
        <form action="" class="form-inline ml-auto">
            <label class="nav-item"><a class="nav-link" href="http://localhost:8082/cloudlibrary/admin/login.jsp">登录</a></label>
            <label class="nav-item"><a class="nav-link" href="http://localhost:8082/cloudlibrary/admin/register.jsp">注册</a></label>
            &nbsp;&nbsp;&nbsp;
            <input type="text" class="form-control mr-sm-2" placeholder="Search">
            <button class="btn btn-outline-secondary  my-2 my-sm-0" type="submit">搜索<i class="fa fa-search"
                                                                                       aria-hidden="true"></i></button>

        </form>

    </div>
</nav>
<!-- 轮播图 -->

<div id="carousel" class="carousel slide carousel-fade w-100 mt-5" data-ride="carousel">
    <!-- 指示符 -->
    <ol class="carousel-indicators">
        <li data-target="#carousel" data-slide-to="0" class="active"></li>
        <li data-target="#carousel" data-slide-to="1"></li>
        <li data-target="#carousel" data-slide-to="2"></li>

    </ol>
    <!-- 轮播图片 -->
    <div class="carousel-inner pt-3">
        <div class="carousel-item active">
            <img src="static/images/1.jpg" width="100%" height="350">
        </div>
        <div class="carousel-item">
            <img src="static/images/k2.jpg" width="100%" height="350">
        </div>
        <div class="carousel-item">
            <img src="static/images/k1.jpg" width="100%" height="350">
        </div>

        <!-- 左右切换按钮 -->
        <a class="carousel-control-prev" href="#carousel" data-slide="prev">
            <span class="carousel-control-prev-icon"></span>
        </a>
        <a class="carousel-control-next" href="#carousel" data-slide="next">
            <span class="carousel-control-next-icon"></span>
        </a>
    </div>
</div>
<!-- 潮流穿搭小技巧 -->
<div class="trend-skill  mb-4">
    <div class="container">
        <h2 class="index-h2 mt-4">每日精选图书</h2>
        <p class="index-h2-p mb-5 mt-3">还愁不清楚要看什么书吗？来看看每日精选图书吧！</p>
        <!-- 信息区域 -->
        <div class="row">
            <div class="skill col-lg-6 col-md-6 mb-4">
                <div class="media">
                   <a href="staticjsp/faguo.jsp"> <img src="http://cover1.chaoxing.com/coverNew/CoverNew.dll?iid=696a676f716b676c6d70a49f5e9ba099a7b0a1a69f3735303634393238" height="120" width="80" alt="tab-1"></a>
                    <div class="media-body ml-2">
                        <h5 class="mb-3 text-truncate">法国文化遗产</h5>
                        <p class="text-muted mb-2 text-justify">
                            本书由王长明主编，本书是对法兰西人文诸多方面的进一步挖掘。我们对丛书内容的选择是有针对性的，因为我们的立足点是教学，所以针对性和实用性比较强。</p>
                    </div>
                </div>
            </div>
            <div class="skill col-lg-6 col-md-6 mb-4">
                <div class="media">
                    <a href="staticjsp/xinying.jsp"> <img src="http://cover1.chaoxing.com/coverNew/CoverNew.dll?iid=696a676f6e6f676d6d6da49f5e9ba099a7b0a1a69f3735303634393238" height="120" width="80" alt="tab-2"></a>
                    <div class="media-body ml-2">
                        <h5 class="mb-3 text-truncate">汉英新词新语精编  最新版</h5>
                        <p class="text-muted mb-2 text-justify">
                            胡志勇主编,汉语-新词语-英语-新词语,本书共编译了一万余条汉语新词新语。每条均加注了现代汉语拼音，并在部分词条后配置了例...</p>
                    </div>
                </div>
            </div>
            <div class="skill col-lg-6 col-md-6 mb-4">
                <div class="media">
                    <a href="staticjsp/zhishi.jsp"> <img src="http://cover1.chaoxing.com/coverNew/CoverNew.dll?iid=696a676f696b67706e6ba49f5e9ba099a7b0a1a69f3735303634393238" height="130" width="80" alt="tab-3"></a>
                    <div class="media-body ml-2">
                        <h5 class="mb-3 text-truncate">知识视角的组织文化</h5>
                        <p class="text-muted mb-2 text-justify">《知识视角的组织文化》主要内容包括：导论、组织文化相关理论研究、组织文化的知识性质、组织文化——知识共享的关键因素、学习与创新——改变组织文化的基础、基于知识共享的组织文化建设等七章。</p>
                    </div>
                </div>
            </div>

            <div class="skill col-lg-6 col-md-6 mb-4">
                <div class="media">
                    <a href="staticjsp/dakai.jsp"> <img src="http://cover1.chaoxing.com/coverNew/CoverNew.dll?iid=696a67716c6b676d6a6ba49f5e9ba099a7b0a1a69f3735303634393238" height="130" width="80" alt="tab-4"></a>
                    <div class="media-body ml-2">
                        <h5 class="mb-3 text-truncate">打开心窗  让幸福飞到你身旁</h5>
                        <p class="text-muted mb-2 text-justify">本书由王家春编，属于中国画-作品集-中国-现代-人生哲学-通俗读物。讲述的是：哲理，不会给人成功，但会给人成功的方法！哲理，不会给人幸福，但会给人幸福的道路！</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 风格展示区 -->
<%--<div class="trend-style bg-light">--%>
<%--    <div class="container py-2">--%>
<%--        <h2 class="index-h2 mt-4">每日新书</h2>--%>
<%--        <p class="index-h2-p mb-5 mt-3">多种类别任你选择</p>--%>
<%--        <div class="row">--%>
<%--            <!-- 信息区域 -->--%>
<%--            <div class="col-md-4">--%>
<%--                <div class="card mb-4 shadow-sm">--%>
<%--                    <img src="http://cover1.chaoxing.com/coverNew/CoverNew.dll?iid=696a676b6d70676a706aa49f5e9ba099a7b0a1a69f3735303634393238" width="50" height="350" alt="" class="w-100">--%>
<%--                    <div class="card-body">《知识与道德的纠葛》以鲁迅与五四启蒙精神为聚焦点和连缀线，以知识理性与道德实践的纠葛缠绕为贯穿线索和考察重点...</p>--%>
<%--                        <div class="d-flex justify-content-end">--%>
<%--                            <button type="button" class="btn btn-sm btn-outline-secondary">更多>></button>--%>
<%--                        </div>--%>
<%--                    </div>--%>
<%--                </div>--%>
<%--            </div>--%>
<%--            <div class="col-md-4">--%>
<%--                <div class="card mb-4 shadow-sm">--%>
<%--                    <img src="http://cover1.chaoxing.com/coverNew/CoverNew.dll?iid=6969676a6d6967716c70a49f5e9ba099a7b0a1a69f3735303634393238" height="350" alt="" class="w-100">--%>
<%--                    <div class="card-body">--%>
<%--                        <p class="card-text">《感情力量》本书以丰富的实例分析了人类情感的产生和发展，介绍了美国精神病学者对情感所进行的分...</p>--%>
<%--                        <div class="d-flex justify-content-end">--%>
<%--                            <button type="button" class="btn btn-sm btn-outline-secondary">更多>></button>--%>
<%--                        </div>--%>
<%--                    </div>--%>
<%--                </div>--%>
<%--            </div>--%>
<%--            <div class="col-md-4">--%>
<%--                <div class="card mb-4 shadow-sm">--%>
<%--                    <img src="http://cover1.chaoxing.com/coverNew/CoverNew.dll?iid=696a676f706e676d6c6ea49f5e9ba099a7b0a1a69f3735303634393238" height="350" alt="" class="w-100">--%>
<%--                    <div class="card-body">--%>
<%--                        <p class="card-text">《文学返乡之路》由李丹梦著，本书是文学批评论文集。收录了作者3年来最新的文学理论探讨和文学时评。</p>--%>
<%--                        <div class="d-flex justify-content-end">--%>
<%--                            <button type="button" class="btn btn-sm btn-outline-secondary"# href="">更多>></button>--%>
<%--                        </div>--%>
<%--                    </div>--%>
<%--                </div>--%>
<%--            </div>--%>
<%--            <div class="col-md-4">--%>
<%--                <div class="card mb-4 shadow-sm">--%>
<%--                    <img src="http://cover1.chaoxing.com/coverNew/CoverNew.dll?iid=696a676a6c7167706e6da49f5e9ba099a7b0a1a69f3735303634393238" height="350" alt="" class="w-100">--%>
<%--                    <div class="card-body">--%>
<%--                        <p class="card-text">蔬菜、水果及多种有益健康的植物是每天阳光活力的来源，用532道简单健康的冷饮和热饮来。</p>--%>
<%--                        <div class="d-flex justify-content-end">--%>
<%--                            <button type="button" class="btn btn-sm btn-outline-secondary">更多>></button>--%>
<%--                        </div>--%>
<%--                    </div>--%>
<%--                </div>--%>
<%--            </div>--%>
<%--            <div class="col-md-4">--%>
<%--                <div class="card mb-4 shadow-sm">--%>
<%--                    <img src="http://cover1.chaoxing.com/coverNew/CoverNew.dll?iid=696a67716c6b676d6a6ba49f5e9ba099a7b0a1a69f3735303634393238" height="350" alt="" class="w-100">--%>
<%--                    <div class="card-body">--%>
<%--                        <p class="card-text">王家春编;哲理，不会给人成功，但会给人成功的方法！哲理，不会给人幸福，但会给人幸福的道路！</p>--%>
<%--                        <div class="d-flex justify-content-end">--%>
<%--                            <button type="button" class="btn btn-sm btn-outline-secondary">更多>></button>--%>
<%--                        </div>--%>
<%--                    </div>--%>
<%--                </div>--%>
<%--            </div>--%>
<%--            <div class="col-md-4">--%>
<%--                <div class="card mb-4 shadow-sm">--%>
<%--                    <img src="http://cover1.chaoxing.com/coverNew/CoverNew.dll?iid=69696770716c67716b6ea49f5e9ba099a7b0a1a69f3735303634393238" height="350" alt="" class="w-100">--%>
<%--                    <div class="card-body">--%>
<%--                        <p class="card-text">作者：董方奎；本书精选了梁启超教育理论论述约32万字，用现代教育学的观点加以摘要选编，梁启超（1873-1929）。</p>--%>
<%--                        <div class="d-flex justify-content-end">--%>
<%--                            <button type="button" class="btn btn-sm btn-outline-secondary">更多>></button>--%>
<%--                        </div>--%>
<%--                    </div>--%>
<%--                </div>--%>
<%--            </div>--%>
<%--        </div>--%>
<%--    </div>--%>
<%--</div>--%>
<!-- 潮流新闻专区 -->
<article>
    <div class="container">
        <!-- 发表 -->
        <h2 class="index-h2 mt-4">每周热门图书</h2>
        <p class="index-h2-p mb-5 mt-3">快来一起get吧！</p>
        <div class="publish">
            <div class="row">
                <div class="col-sm-3 mt-2 d-none d-sm-block">
                    <a href="staticjsp/zhanliue.jsp"> <img src="http://cover1.chaoxing.com/coverNew/CoverNew.dll?iid=696b67686c6d676d6b69a49f5e9ba099a7b0a1a69f3735303634393238" height="260" alt="" class="w-100"></a>
                </div>
                <div class="col-sm-9">
                    <h3>《战略对决》</h3>
                    <p class="text-muted d-none d-sm-block">出版时间 2012年7月1日 </p>
                    <p class="d-none d-sm-block">
                        作者：唐东方。<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        本书从5个行业中精心挑选了5对最具代表性、快速发展的公司，对其各自的概况、业绩、发展阶段和战略进行分析，并充分展示了每对公司之间的颠峰战略对决。通过研究，我们发现，企业的成功来自于正确的战略，但正确的战略可以有多种选择和多种模式。本书可作为企业家、董事、企业中高层管理者、战略研究者、大学教师以及工商管理硕士战略学习与应用的读本，有助于帮助提升战略思考、战略分析和战略决策能力。</p>
                    <p class="text-muted">阅读(802321)评论(3400)赞 (254800) <span class="d-none d-sm-block">标签：企业 / 杂志 / 决策 / 战略 /
                电商 / 企业管理</span>
                    </p>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3 mt-2 d-none d-sm-block">
                    <a href="staticjsp/wenxue.jsp"> <img src="http://cover1.chaoxing.com/coverNew/CoverNew.dll?iid=696a676f706e676d6c6ea49f5e9ba099a7b0a1a69f3735303634393238" height="260" alt="" class="w-100"></a>
                </div>
                <div class="col-sm-9">
                    <h3>《文学返乡之路》</h3>
                    <p class="text-muted d-none d-sm-block"> 发布于 2011年1月</p>
                    <p class="d-none d-sm-block">
                        作者:李丹梦。<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        在中国现代文学发展史上，“乡土”是一个争讼不已、欲说还休的概念。李丹梦编著的《文学返乡之路》从乡土文学的历史以及文学返乡之路两条主线，通过对鲁迅、张爱玲、阎连科、魏微等不同时代的文学作家的乡土文学进行点评。</p>
                    <p class="text-muted">阅读(432417)评论(2720)赞 (80418) <span class="d-none d-sm-block">标签：乡土 / 文学 / 杂志 / 爱国 / 励志 /
                趣味生活</span>
                    </p>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3 mt-2 d-none d-sm-block">
                    <a href="staticjsp/sishuwujing.jsp"> <img src="static/images/img_3.png" height="260" alt="" class="w-100"></a>
                </div>
                <div class="col-sm-9">
                    <h3>《四书五经名句辞典》</h3>
                    <p class="text-muted d-none d-sm-block">上海辞书出版社出版的图书 发布于 2010年10月1日 </p>
                    <p class="d-none d-sm-block">作者:施忠连。<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        四书五经是中国传统文化中最重要的经典，其中蕴含着大量的名句名言，具有深刻的哲理和很高的价值，至今仍广泛为人所引用。本词典结合四书五经中相关名句的内容及现代读者的实际需要，将这些名句分成18个大类，近200个主题，分门别类。具体涉及人生的方方面面，既有人生价值、人生智慧，也有亲情爱情友情；既有生活理念、内在精神生活，也有处事待人接物；既有个人品格与修养，也有饮食养生强体，可以说是一本古代的人生格言词典。</p>
                    <p class="text-muted">阅读(102417)评论(1020)赞 (30018) <span class="d-none d-sm-block">标签：修养 / 价值 / 亲情 / 爱情 / 友情 / 品格 / 生活</span>
                    </p>
                </div>
            </div>
        </div>
    </div>
</article>
<!-- 授权作者,写死的 -->
<div class="coop authorNew text-center" >
    <dl>
        <dt >
            最新授权作者
        </dt>
        <dd>
            <div class="authorNewTitle clearfix">
                <a href="#" title="" target="_blank">在线授权</a>
                <a href="#" title="" class="noMar" target="_blank">查看详情</a>
                <p>
                    云借阅数字图书馆荣获<span class="numOra">35万</span>作者签约授权
                    <span class="fontSmall">珍藏科学著作 传承科学精神</span>
                </p>
            </div>
            <ul>
                <li>
                    <a href="#" target="_blank">
                        <img src="static/images/1.gif" width="70" height="84" alt="蔡日新" /><b class="rl"></b><b
                            class="rr"></b><b class="cl"></b><b class="cr"></b>
                        <span>蔡日新</span>
                    </a>
                    <a href="#" target="_blank" title="樊洛平"><img
                            src="static/images/2.gif" width="70" height="84"
                            alt="樊洛平" /><b class="rl"></b><b class="rr"></b><b class="cl"></b><b
                            class="cr"></b><span>樊洛平</span>
                    </a>
                    <a href="#" title="刘郦" target="_blank"><img src="static/images/3.gif"
                                                                width="70" height="84" alt="刘郦" /><b class="rl"></b><b
                            class="rr"></b><b class="cl"></b><b class="cr"></b><span>刘郦</span>
                    </a>
                    <a href="#" title="王志武" target="_blank"><img
                            src="static/images/4.gif" width="70" height="84"
                            alt="王志武" /><b class="rl"></b><b class="rr"></b><b class="cl"></b><b
                            class="cr"></b><span>王志武</span>
                    </a>
                    <a href="#" title="马立新" target="_blank"><img
                            src="static/images/5.gif" width="70" height="84"
                            alt="马立新" /><b class="rl"></b><b class="rr"></b><b class="cl"></b><b
                            class="cr"></b><span>马立新</span>
                    </a>
                    <a href="#" title="黄勇" target="_blank"><img src="static/images/6.gif"
                                                                width="70" height="84" alt="黄勇" /><b class="rl"></b><b
                            class="rr"></b><b class="cl"></b><b class="cr"></b><span>黄勇</span>
                    </a>
                </li>
            </ul>
        </dd>
    </dl>
</div>
<!-- footer部分 -->
<footer class="bg-dark p-4 text-light text-center">
    <div class="container">
        <h3>合作伙伴</h3>
        <ul class="fa-ul">
            <li class="list-inline-item"><a href="#"><i class="fa fa-cc-discover fa-2x text-white"
                                                        aria-hidden="true"></i></a></li>
            <li class="list-inline-item"><a href="#"><i class="fa fa-dropbox fa-2x text-white" aria-hidden="true"></i></a>
            </li>
            <li class="list-inline-item"><a href="#"><i class="fa fa-eercast fa-2x text-white" aria-hidden="true"></i></a>
            </li>
            <li class="list-inline-item"><a href="#"><i class="fa fa-google-wallet fa-2x text-white"
                                                        aria-hidden="true"></i></a></li>
            <li class="list-inline-item"><a href="#"><i class="fa fa-youtube fa-2x text-white" aria-hidden="true"></i></a>
            </li>
            <li class="list-inline-item"><a href="#"><i class="fa fa-reddit-alien fa-2x text-white"
                                                        aria-hidden="true"></i></a></li>
            <li class="list-inline-item"><a href="#"><i class="fa fa-renren fa-2x text-white" aria-hidden="true"></i></a>
            </li>
            <li class="list-inline-item"><a href="#"><i class="fa fa-skype fa-2x text-white" aria-hidden="true"></i> </a>
            </li>
            <li class="list-inline-item"><a href="#"><i class="fa fa-wpexplorer fa-2x text-white"
                                                        aria-hidden="true"></i></a></li>
        </ul>
        <p class="m-1">企业培训 | 合作事宜 | 版权投诉</p>
        <p>冀ICP 备12345678. © 2019-2025 chaoliuchuanda. Powered by chaopai.</p>
    </div>
</footer>
</body>

</html>